<!DOCTYPE html>
<html>
<head>
	<title>会员卡详情</title>
	<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
	<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
	<link rel="stylesheet" type="text/css" href="../css/member_integral.css">

</head>
<body>
	<!-- 头部积分显示部分 -->
	<div class="header">
		<p class="integralShow">当前积分</p>
		<p class="integralNum"><span>6300</span><img src="../img/jf.png"></p>
	</div>
	<!-- 头部积分显示部分结束 -->

	<!-- table切换部分 -->
	<div class="mainBox">
        <div class="firstBox">
            <div class="menuBox">
                <ul>
                    <li class="liactive">全部</li>
                    <li >收入</li>
                    <li >支出</li>
                </ul>
            </div>
            <div class="contentBox">
                <ul>
                    <li>
                    	<!-- 全部信息 -->
                    		<div >
                    			<p class="left">
                    			<span class="">购买面膜积分优惠</span>
                    			<span style="color: #DFDFDF;" class="">
                    				2018-3-3
                    			</span>
                    			</p>
                    			<p class="right">-600</p>
                    			
                    		</div>
                    		<div >
                    			<p class="left">
                    			<span class="">购买面膜积分优惠</span>
                    			<span style="color: #DFDFDF;">
                    				2018-3-3
                    			</span>
                    			</p>
                    			<p class="right">-600</p>
                    			
                    		</div>
                    		<div >
                    			<p class="left">
                    			<span class="">购买面膜积分优惠</span>
                    			<span style="color: #DFDFDF;" class="">
                    				2018-3-3
                    			</span>
                    			</p>
                    			<p class="right">-600</p>
                    			
                    		</div>
                    		
                    	<!-- 全部信息结束 -->
                    </li>
                    <li><p>
                    			<span>购买面膜积分优惠</span>
                    		</p>
                    		<p>购买面膜积分优惠</p>
                    		<p>购买面膜积分优惠</p></li>
                    <li>
                        3
                    </li>
                </ul>
            </div>
        </div>
    </div>
	<!-- table切换部分结束 -->
</body>
<script type="text/javascript" src="../js/flexible.js"></script>
	<script type="text/javascript" src="../js/member_integral.js"></script>
</html>